<!DOCTYPE html>
<!-- html:所有的html标签都在这个父标签中写 -->
<html lang="en">
<!--head:头部信息  meta:元信息  title：标题头 -->
<head>
    <meta charset="UTF-8">
    <title>demo1</title>
</head>
<!--body：体 自定义的标签都在body中书写-->
<body>
<h1 align="center">一级标题</h1>
<p align="center">这是一个段落标签</p>
<h2 align="right">二级标题</h2>
<p>
    HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等.</p>
<h6>六级标题</h6>
<!--a:  href  表示链接的路劲    # 表示不跳转链接
如果指向的是外部资源，需要写全路劲
如果是内部资源  写相对路劲-->
<a href="#">超链接标签</a>
<br>
<a target="_blank" href="https://www.baidu.com">百度</a>
<br>
<!--D:\21-22-1\shu207,208\java207-208\src\edu\html\demo1.html-->
<!--D:\21-22-1\shu207,208\java207-208\src\edu\html2\demo2.html-->
<!--../  表示往上找一层目录-->
<a href="../html2/demo2.html">跳转demo2</a>
<a href="html3/demo3.html">跳转demo3</a>
<!--img 图片  src 图片路劲-->
<img src="../../img/dg.webp" width="30%" height="30%">
<br>
<a href="#"><img src="../../img/dg.webp" width="20%" height="20%"></a>

<!--
表格：展示数据
table：
tr:行
td:列
th：表头
-->
<table align="center" border="1px" width="250px" cellpadding="0" cellspacing="0">
    <tr>
        <th>姓名</th>
        <th>性别</th>
        <th>年龄</th>
    </tr>
    <tr align="center">
        <td>jack</td>
        <td>男</td>
        <td>20</td>
    </tr>
    <tr align="right">
        <td>jack</td>
        <td>男</td>
        <td>20</td>
    </tr>
    <tr>
        <td rowspan="2">jack</td>
        <td>男</td>
        <td>20</td>
    </tr>
    <tr>
        <td>男</td>
        <td>20</td>
    </tr>
</table>

<!--a ： 默认采用了get请求
    form：表单发请求  get、post
        action:表示请求路劲    method：请求方式
    input: 输入框   name属性 每个（组）输入框都要有名字
    jquery发请求
-->
<form action="/find" method="get">
    <input type="text" name="msg" placeholder="商品/品牌">
    <input type="submit" value="搜索">
</form>

<form action="/login" method="post">
    <input type="text" name="account" placeholder="用户名">
    <br>
    <input type="password" name="psw" placeholder="请输入密码">
    <br>
    <input type="submit" value="登录">
</form>



</body>
</html>